<style>
    @charset "utf-8";
    * {
        margin:0;
        padding:0;
        list-style-type:none;
    }
    a, img {
        border:0;
    }
    body {
        font:12px/180% Arial, Helvetica, sans-serif, "新宋体";
    }
    .demo {
        width:960px;
        margin:60px auto 0 auto;
    }
    /*history*/
    .history {
        background:url(/assets/img/track/line04.gif) repeat-y 187px 0;
        overflow:hidden;
        position:relative;
    }
    .history-date {
        overflow:hidden;
        position:relative;
    }
    .history-date h2 {
        background:#fff url(/assets/img/track/icon06.gif) no-repeat 158px 0;
        height:59px;
        font-size:25px;
        font-family:微软雅黑;
        font-weight:normal;
        padding-left:45px;
        margin-bottom:74px;
    }
    .history-date h2.first {
        position:absolute;
        left:0;
        top:0;
        width:935px;
        z-index:99;
    }
    .history-date h2 a {
        color:#00bbff;
        display:inline-block;
        *display:inline;
        zoom:1;
        background:url(/assets/img/track/icon08.gif) no-repeat right 50%;
        padding-right:17px;
        margin:21px 97px 0 0;
    }
    .history-date h2 a:hover {
        text-decoration:none;
    }
    .history-date h2 img {
        vertical-align:-5px;
    }
    .history-date h2.date02 {
        background:none;
    }
    .history-date ul li {
        background:url(/assets/img/track/icon07.gif) no-repeat 180px 0;
        padding-bottom:20px;
        zoom:1;
    }
    .history-date ul li.last {
        padding-bottom:0;
    }
    .history-date ul li:after {
        content:" ";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    }
    .history-date ul li h3 {
        float:left;
        width:168px;
        text-align:right;
        padding-right:19px;
        color:#c3c3c3;
        font:normal 18px/16px Arial;
    }
    .history-date ul li h3 span {
        display:block;
        color:#d0d0d0;
        font-size:12px;
    }
    .history-date ul li dl {
        float:left;
        padding-left:41px;
        margin-top:-5px;
        font-family:微软雅黑;
    }
    .history-date ul li dl dt {
        font:14px/22px 微软雅黑;
        color:#737373;
    }
    .history-date ul li dl dt span {
        display:block;
        color:#787878;
        font-size:12px;
    }
    .history-date ul li.green h3 {
        color:#1db702;
    }
    .history-date ul li.green h3 span {
        color:#a8dda3;
    }
    .history-date ul li.green dl {
        margin-top:0;
    }
    .history-date ul li.green dl dt {
        font-size:16px;
        line-height:28px;
        font-weight: bold;
    }
    .history-date ul li.green dl dt a {
        display:inline-block;
        *display:inline;
        zoom:1;
        overflow:hidden;
        vertical-align:middle;
        margin-left:12px;
    }
    .history-date ul li.green dl dd {
        padding-top:20px;
        display:none;
    }
    .history-date ul li.green dl dd img {
        float:left;
    }
    .history-date ul li.green dl dd p {
        overflow:hidden;
        zoom:1;
        line-height:21px;
        color:#787878;
    }
    .history-date h2.first .more-history {
        font-size:16px;
        background:transparent;
        margin-left:30px;
    }
    .history-date h2.first .more-history:hover {
        text-decoration:underline;
    }
    *body .history-date ul li dl dt {
        _font-size:12px!important;
        _font-weight:bold;
    }
    *body .history-date ul li dl dt span {
        _font-weight:normal!important;
    }
    *body .history-date ul li.green dl dt a {
        _background:transparent!important;
        *background:transparent!important;
        *font-size:12px!important;
        _font-weight:normal!important;
    }
</style>


<div class="demo">
    <div class="history">
        <div class="history-date">
            <ul>
                {volist name="trackList" id="list"}
                <li class="{if $key ==0}green{/if}">
                    <h3>{$list.time}</h3>
                    <dl>
                        <dt>{$list.desc} <span>{$list.memo}</span>    </dt>
                    </dl>
                </li>
                {/volist}

            </ul>
        </div>
    </div>
</div>